page{
	height: 100%;
}
.container{
	width: 100%;
	height: 100%;
	background-color: #0B0A65;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
.book_top{
	width: 100%;
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	padding-bottom: 30px;
}
.top_center{
	width: 100%;
	height: 40px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
}
.seting{
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 52upx;
	height: 48upx;
}
.nav{
	width: 85px;
	height: 40px;
	background: #5E5CE6;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #FFFFFF;
	border: 1px solid #7775A5;
}
.book{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.jizhang{
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.actived{
	background-color: #F7F8FA;
	color: #7775A5;
}
.book_container{
	width: calc(100% - 20px);
	height: calc(100% - 184px);
	background: #FFFFFF;
	box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.38);
	border-radius: 40px 40px 0px 0px;
	padding: 32px 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.table_book{
	width: 100%;
	height: 123px;
	background: #F7F8FA;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}
.table_title,.cuttent_mounth{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.table_title view{
	width: 20%;
	text-align: center;
	font-size: 14px;
	color: #A19FD6;
}
.cuttent_mounth view{
	width: 20%;
	text-align: center;
	font-size: 14px;
	color: #49486B;
}
.select{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.select image{
	width:7px ;
	height: 12px;
}
.select text{
	margin: 0 10px;
}
.filter_container{
	width: 100%;
	/* height: 60px; */
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.input-value-border{
	border: none!important;
}
.input-value{
	font-size: 14px!important;
	margin-right: 20px;
}
.filter_by{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.by_type{
	width: 161px;
	height: 36px;
	background: #F2F2F7;
	border-radius: 8px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 0 12px;
}
.by_type image{
	width: 16px;
	height: 16px;
}
.by_type input{
	border: none;
	font-size: 13px;
	color: #49486B;
	outline: none;
}
.by_benjin{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.by_benjin text{
	font-size: 14px;
	color: #49486B;
}
.by_benjin input{
	font-size: 13px;
	color: #49486B;
	border: none;
	outline: none;
	width: 44px;
	height: 36px;
	background: #F2F2F7;
	border-radius: 8px;
	text-align: center;
}
.search_btn{
	padding: 5px 10px;
	background-color: #5E5CE6;
	color: #FFFFFF;
	font-size: 13px;
}
.filter_result{
	width: 100%;
	height: calc(100% - 200px);
	margin-top: 15px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.no_data{
	width: 100%;
	height: 352px;
}
.jizhang_img{
	width: 80px;
	height: 88px;
	position: fixed;
	z-index: 99;
	bottom: 100px;
	left: 0;
}
.red{
	color: #FF453A;
}
.filter_container_page2{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.btns{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.btns text{
	padding: 3px 6px;

	font-size: 14px;
	color: #49486B;
}
.btns .btn_actived{
		border-radius: 13px;
		background-color: #5E5CE6;
		color: #FFFFFF;
}
.book_container_page3{
  /* background-color: #F7F8FA; */
  padding-top: 0;
  /* background-color: pink; */
  height: calc(100% - 120px);
  overflow-y: scroll;
}
.page3_top{
  width: 100%;
  height: 49px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.top_left{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 50px;
}
.top_left image{
  width: 7px;
  height: 12px;
}
.top_left text{
  font-size: 14px;
  color: #49486B;
  margin: 0 20px;
  font-weight: bold;
}
.table_container{
  width: 100%;
  height: calc(100% - 49px);
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.table{
  width: 100%;
  height: auto;
  min-height: 148px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.table_title2{
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 20px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #5E5CE6;
  border-radius: 20px 20px 0px 0px;
}
.tr{
  width: 100%;
  height:35px ;
  background-color:#F7F8FA;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.tr view{
  width: 25%;
  height: 100%;
  line-height: 35px;
  text-align: center;
  color: #49486B;
  font-size: 14px;
  border-bottom: 1px solid #E2E2EC;
  border-right: 1px solid #E2E2EC;
}
.tr_end{
  width: 100%;
  height: 40px;
  background: #E2E2EC;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.tr_end view{
  font-size: 14px;
  color: #49486B;
}
.tr_end view text{
  color: #5E5CE6;
}
.tr_last{
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.tr2 view{
  width: 20%;
}
.tr_last view{
  border-bottom: none;
}